.borderLFu(@colors){
  position:relative;
  &:after{
    content:"";
    position: absolute; 
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    transform:scaleX(0.5);
    transform-origin: 0 0;
    background: @colors;
  }
}
.borderRFu(@colors){
  position:relative;
  &:after{
    content: "";
    box-sizing: border-box;
    position: absolute; 
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    transform:scaleX(0.5);
    transform-origin: 0 0;
    background: @colors;
  }
}
.borderBFu(@colors){
  position:relative;
  &:after{
    content:"";
    position: absolute; 
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    transform:scaleY(0.5);
    transform-origin: 0 0;
    background: @colors;
  }
}
.borderBDFu(@colors){
  position:relative;
  &:after{
    content:"";
    position: absolute; 
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    transform:scaleY(0.5);
    transform-origin: 0 0;
    border-bottom:2px dashed @colors;
  }
}
.borderTFu(@colors){
  position:relative;
  &:after{
    content:"";
    position: absolute; 
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    transform:scaleY(0.5);
    transform-origin: 0 0;
    background: @colors;
  }
}
.borderFu(@colors,@num){
    position:relative;
    &::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    z-index:100;
    transform:scale(0.5,0.5);
    transform-origin:0 0;
    border: 1px solid @colors;
    border-radius:@num;
  }
}

.circle1{
  width:0.26rem;
  height:0.26rem;
}
.circle2{
  width:0.35rem;
  height:0.35rem;
}
.circle3{
  width:0.42rem;
  height:0.42rem;
}
.vux-timeline-item-tail{
  display: block !important;
}
.vux-timeline{
  padding-right: 0rem !important;
}
